<ion-content>

  <div class="c-p-logo">
    <img src="assets/modify/logo@3x.png" alt="" (click)="pop()">
    <span>随心测</span>
  </div>

  <div class="c-p-modify">
    <span>修改密码！</span>
  </div>


  <div class="c-p-box">
    <ion-list no-lines>
      <div>
        <ion-item>
          <ion-label floating>旧密码</ion-label>
          <ion-input type="password" clearOnEdit="false" [ngClass]="{'has-liner-gradient': this.lgService.isShowPhoneBorder,'no-has-liner-gradient': !this.lgService.isShowPhoneBorder}" 
            (blur)="this.lgService.blurShowPhoneBorder();" (focus)="this.lgService.focusShowPhoneBorder()"
            minlength="8" maxlength="16" [(ngModel)]="oldpassword"></ion-input>
        </ion-item>
      </div>

      <ion-item>
        <ion-label floating>新密码</ion-label>
        <ion-input type="password" clearOnEdit="false" [ngClass]="{'has-liner-gradient': this.lgService.isShowPasswordBorder,'no-has-liner-gradient': !this.lgService.isShowPasswordBorder}"
          (blur)="this.lgService.blurShowPasswordBorder()" (focus)="this.lgService.focusShowPasswordBorder()" minlength="8"
          maxlength="16" [(ngModel)]="newpassword"></ion-input>
      </ion-item>
      <ion-item>
        <ion-label floating>确认密码</ion-label>
        <ion-input type="password" clearOnEdit="false" [ngClass]="{'has-liner-gradient': this.lgService.isShowRepasswordBorder,'no-has-liner-gradient': !this.lgService.isShowRepasswordBorder}"
          (blur)="this.lgService.blurShowRepasswordBorder()" (focus)="this.lgService.focusShowRepasswordBorder()" minlength="8"
          maxlength="16" [(ngModel)]="repassword"></ion-input>
      </ion-item>


    </ion-list>
  </div>

  <div class="border-login">
    <button (tap)="gotoUpDataInfo()">完成</button>
  </div>


</ion-content>
